<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="首页" http-equiv="keywords">
    <meta name="format-detection" content="telephone=no">
    <!-- 禁止IPHONE识别手机号码 -->
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="renderer" content="webkit">
    <title>首页</title>
    <!-- css -->
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/index.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/swiper.min.css}">
    <!-- public_css -->
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/public_lib.css}">
    <!-- zy_public_css -->
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/zy_public.css}">
    <!-- 子页css -->
    <link rel="stylesheet" type="text/css" th:href="@{/asserts/css/children.css}">
    <!-- js -->
    <script type="text/javascript" th:src="@{/asserts/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/asserts/js/swiper.min.js}"></script>
    <script type="text/javascript" th:src="@{/asserts/js/public.js}"></script>
    <style type="text/css">
        body {
            background-color: #2e88e8;
        }

        .t0 {
            position: relative;
            width: 57%;
            height: 31px;
            text-align: center;
            top: 20%;
            letter-spacing: 2px;
            margin: auto;
            font-size: 2em;
            line-height: 31px;
            font-family: "hc-himanatu1";
            color: #fff;
        }

        label {
            color: #fff;
            font-size: 15px;
            font-family: "hc-himanatu1";
            letter-spacing: 1px;
        }

        .box {
            position: absolute;
            top: 35%;
            left: 10%;
            width: 80%;
            height: 350px;
        }

        .input01 {
            width: 80%;
            height: 50px;
            border: 1px solid #fff;
            border-radius: 6px;
            margin: auto;
            margin-bottom: 10px;
            top: 25%;
            left: 10%;
            text-align: center;
            line-height: 50px;
        }

    </style>
</head>
<body>
<div style="height: 10px;"></div>
<!-- 内容框 -->
<div class="t0">
    请选择您的业务
</div>

<div>
    <div class="box" action="" method="post">
        <a th:href="@{/mcampus/findAll}">
            <div class="input01">
                <label>信息采集</label>
            </div>
        </a>
        <a th:href="@{/mcampusVisit/findAll}">
            <div class="input01">
                <label>拜访记录</label>
            </div>
        </a>
        <a th:href="@{/mTraining/list}">
            <div class="input01">
                <label>实训订单</label>
            </div>
        </a>
        <a th:href="@{/mds/dsShow}">
            <div class="input01">
                <label>日常经费</label>
            </div>
        </a>
    </div>
</div>

</div>
</body>
<script type="text/javascript">
    var td = $(".input01");
    for (var i = 0; i < td.length; i++) {
        td[i].onmouseover = function () {
            this.style.backgroundColor = "LightSkyBlue";
        }
        td[i].onmouseout = function () {
            this.style.backgroundColor = "";
        }
    }
</script>
</html>
